{layout name="./base/base_back"}
		<link rel="stylesheet" type="text/css" href="/front/css/common.css"/>
		<link rel="stylesheet" type="text/css" href="/front/css/jquery-ui.css"/>
		<link rel="stylesheet" type="text/css" href="/front/css/weifeng.css"/>
		<script src="/front/js/jquery-ui.js"></script>
		<script src="/front/js/weifeng.js"></script>
		<script src="/front/js/index.js"></script>

		<!--内容部分开始-->
		<main>
			<div class="caravan-detail w">
				<!-- 房车封面图start -->
				<div class="photo">
					<div class="joincamp-cover"></div>
				</div>
				<!-- 房车封面图end -->
				<div class="joincamp">
					<div class="joincampstyle">
						<div class="joincampstylecover joincampstylecover1">
							<h3>加盟优势一</h3>
							<p>国内目前的房车销售日渐升温，房车分为自行式房车和拖挂式房车，自行式房车就是具备自身驱动力可随走随停的车辆。拖挂式房车是需要其他牵引车辆牵引前进的房车</p>
						</div>
					</div>
					<div class="joincampstyle">
						<div class="joincampstylecover joincampstylecover2">
							<h3>加盟优势二</h3>
							<p>我国有越来越多的人喜欢上了驾驶房车出游，但国内的相关配套服务和设施尚不够完善，这在一定程度上制约了房车消费的发展步伐。</p>
						</div>
					</div>
					<div class="joincampstyle">
						<div class="joincampstylecover joincampstylecover3">
							<h3>加盟优势三</h3>
							<p>以服务众生为理念，总公司授权投资，零风险/高回报，诚招各地精英加盟，共创美好未来。</p>
						</div>
					</div>
					<div class="cb"></div>
					<div class="joincamprequire">
						<h3>加盟条件</h3>
						<ul>
							<li>1.会员申请成为双辉会员，须同时具备以下条件：<br>
A会员拥有所属房车、公寓、住宅、酒店等物业的使用权益，并拥有对该物业使用权益进行处置的权利；<br>
B同时会员的房车、公寓、住宅、酒店的物业管理机构已经加盟成为双辉的合作机构（双辉管理员）；</li>
							<li>2.分享在平台上的资产使用权益和时段其所有人是公司、合作伙伴、信托、非公司组织或其他实体的，入会申请应以由该公司、合作伙伴、信托、非公司组织或其他实体指定自然人的名义进行。</li>
							<li>3.会员或访客不得以商业目的使用该规则，包括但不限于拍卖、租赁或销售已经确认的交换、已分享的时段和资源。若发生该情形的，双辉有权立即终止会员的会员资格。</li>
						</ul>
					</div>
					<div class="joincampprocess">
						<h3>加盟流程</h3>
						<ul>
							<li>1.国内目前的房车销售日渐升温，房车分为自行式房车和拖挂式房车，自行式房车就是具备自身驱动力可随走随停的车辆。拖挂式房车是需要其他牵引车辆牵引前进的房车</li>
							<li>2.我国有越来越多的人喜欢上了驾驶房车出游，但国内的相关配套服务和设施尚不够完善，这在一定程度上制约了房车消费的发展步伐。</li>
							<li>3.以服务众生为理念，总公司授权投资，零风险/高回报，诚招各地精英加盟，共创美好未来。</li>
							<div class="cb"></div>
						</ul>
					</div>
					<div class="joincampform">
						<h3>我要加盟 <span>请如实填写下面信息，我们的服务人员会联系您，详细说明加盟事宜。</span></h3>
						<form action="/web/joinform" method="post" id="form1">
							<div class="form-group-input">
								<label>营地负责人称谓</label>
								<input type="text" name="name" placeholder="请填写负责人称谓">
							</div>
							<div class="form-group-input">
								<label>手机号码</label>
								<input type="text" name="phone" placeholder="请填写联系电话">
							</div>
							<div class="form-group-input" placeholder="请填写邮箱地址">
								<label>邮箱</label>
								<input type="text" name="email" placeholder="请填写邮箱地址">
							</div>
							<div class="form-group-input" id="addressD">
								<label for="" class="form-label">营地位置</label>
								<select name="addressCountry" id="addressCountry" class="addressCountry" data-first-title="选择国家" data-url="/web/country"   style="width:100px;" ></select>
								<select name="addressProvince" id="addressProvince" class="addressProvince" data-first-title="选择省" data-url="/web/province"  style="width:100px;"></select>
							    <select name="addressCity" id="addressCity" class="addressCity" data-first-title="选择城市"  data-url="/web/city"  style="width:100px;"></select>
						        <input type="text" name="address" placeholder="请填写详细地址">
							</div>
							<div class="form-group-input">
								<button type="button" id="aa">提交</button>
							</div>
						</form>
					</div>
				</div>
			</div>
		</main>
		<!--内容部分结束data-required="true"-->
<!-- 世界城市地区联动 -->
<script src="/js/jquery.cxselect.js"></script>
<script>
	$('#addressD').cxSelect({
	selects: ['addressCountry','addressProvince', 'addressCity','addressCamp'],
	jsonName: 'area_name',
	jsonValue: 'area_code'	}, function(api) {
	  cxSelectApi = api;
	});
</script>
<!-- 地区插件取值 -->
<script type="text/javascript">
  $(document).ready(function(){
        //提交表单
        $("#aa").click(function(){
        	var obj1=document.getElementById("addressCountry");
        	var obj2=document.getElementById("addressProvince");
        	var obj3=document.getElementById("addressCity");
  			$('#form1').append('<input type="hidden" name="country" value="'+ obj1.options[obj1.selectedIndex].text+'" />');
  			$('#form1').append('<input type="hidden" name="province" value="'+obj2.options[obj2.selectedIndex].text+'" />');
  			$('#form1').append('<input type="hidden" name="city" value="'+obj3.options[obj3.selectedIndex].text+'" />'); 
	        $("#form1").attr('action','/web/joinform');
	        $("#form1").submit();
          });
    });  
</script>
<script type="text/javascript">
		    	$(function(){
		    		//邮箱
		    		$("input[name='email']").blur(function(){
		    			var email = $('input[name="email"]').val();
		    			//不能为空
		    			if(!$.trim(email)) {
							$("input[name='email']").css({border: "1px solid red"});
							$("#emailerror").html("必填");
							return false;
		    			}else{
		    				$.get('/reserve/checkemail?email='+$("input[name='email']").val(),function(data) {
								$("input[name='email']").css({border: "1px solid green"});
								$("#emailerror").html("");
								if (data===0) {
									$("input[name='email']").css({border: "1px solid red"});
									$("#emailerror").html("格式不正确");
								}
							});
		    			}
		    		})
		    		//手机格式
		    		$("input[name='phone']").blur(function(){
		    			var phone = $('input[name="phone"]').val();
		    			//不能为空
		    			if(!$.trim(phone)) {
							$("input[name='phone']").css({border: "1px solid red"});
							$("#phone_error").html("必填");
							return false;
		    			}
		    			//手机号格式是否满足
		    			if((/^1[3|4|5|7|8]\d{9}$/.test(phone)) || (/(^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+\.[a-zA-Z0-9_-]+$)|(^$)/.test(phone))){
							$("input[name='phone']").css({border: "1px solid green"});
							$("#phone_error").html("");
		    			}else {
							$("input[name='phone']").css({border: "1px solid red"});
							$("#phone_error").html("格式不正确");
							return false;
		    			}
		    		})
		    	})
</script>